<template>
    <vue-office-docx
        :src="url"
        style="height: 100%;width:100%;"
    />
</template>

<script setup>
// 引入 Vue 提供的 defineProps 函数
import { defineProps } from 'vue';
// 引入 VueOfficeDocx 组件
import VueOfficeDocx from '@vue-office/docx';
// 引入相关样式
import '@vue-office/docx/lib/index.css';

// 定义组件的 props
const props = defineProps({
    url: {
        type: String,
        required: true
    }
});

</script>

<style scoped>
::v-deep .docx-wrapper{
    background: transparent;
}
</style>
